<!--
 * @Descripttion: 
 * @Version: 
 * @Author: gaohj
 * @Date: 2022-11-11 17:14:27
 * @LastEditors: Please set LastEditors
 * @LastEditTime: 2022-11-11 17:23:56
-->
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>
<body>
    <form action="http://www.qfedu.com">
       <input type="text">
       <input type="submit">

    </form>
    <script>
        // a标签 默认跳转
        // form 标签 默认提交  


        // 阻止默认行为的目的就想让指定的元素绑定指定的
        // 事件 简单来说就是按照我们的规划走 

        // 阻止事件冒泡
        // 事件对象.stopPropagation();
        // 事件对象.cancelbubble = true
        // 阻止事件默认行为 
        // 事件对象.preventDefault();
        // 事件对象.returnValue = false
        // return false 

        // var fEle = document.getElementsByTagName('form')[0];
        // fEle.onclick = function(e){
        //     e.preventDefault();
        //     console.log(888);  
        //     // 虽然你打印888 但是 它还是按照自己的默认行为去操作
        // }

        document.oncontextmenu = function(e){
            // e.preventDefault();
            console.log(123);
            return false;
        }
    </script>
</body>
</html>